<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <!-- Basic if statement -->
    <div id="basic-if">
      <% if (showBasic) { %>
      <p>Basic if true</p>
      <% } %>
    </div>

    <!-- if/else statement -->
    <div id="if-else">
      <% if (condition) { %>
      <p>Condition true</p>
      <% } else { %>
      <p>Condition false</p>
      <% } %>
    </div>

    <!-- if/else if/else statement -->
    <div id="if-elseif-else">
      <% if (value > 10) { %>
      <p>Value > 10</p>
      <% } else if (value > 5) { %>
      <p>Value > 5</p>
      <% } else { %>
      <p>Value ≤ 5</p>
      <% } %>
    </div>

    <!-- Nested if statements -->
    <div id="nested-if">
      <% if (outer) { %>
      <p>Outer true</p>
      <% if (inner) { %>
      <p>Inner true</p>
      <% } %> <% } %>
    </div>

    <!-- Conditional expression -->
    <div id="conditional-expression">
      <p>Result: <%= showResult ? result : 'N/A' %></p>
    </div>
  </body>
</html>
